<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>Vipster</title>
        <link rel="icon" type="image/png" href="images/favicon.png">
        <link rel="stylesheet" href="css/styles.css">
    </head>
    <body>
        <nav class="navbar flex">
            <a class="menuitem flex" href="index.html"> Vipster</a>
            <div class="menu flex">
                <a class="menuitem flex" href="about.html">About</a>
                <a class="menuitem flex" href="gui.html">Documentation</a>
                <a class="menuitem flex" href="download.html">Download</a>
            </div>
        </nav>
        <main class="grid">
<div class="content-text" style="text-align: center;">
<div class="highlight">
<a href="about.html">
    <img id="Logo" src="images/logo.png" alt="Logo" width="645" height="501" style="display: inline; max-width: 350px; height: auto;">
</a>
<h1> VIPSTER </h1>
<p><b>Vi</b>sual <b>p</b>eriodic <b>st</b>ructure <b>e</b>dito<b>r</b></p>
</div>
<p>
Vipster is a powerful editor for molecular structures.
It's designed from the ground up for periodic simulations,
and it's scriptable in python!
</p>
<a class="highlight highlight-button" href="about.html">About</a>
</div>
        </main>
        <footer class="grid">
            <div class="content-text footer">
                <p>Follow Vipster on <a href="https://github.com/sgsaenger/vipster">GitHub</a></p>
                <p></p>
                <p><a href="#">Back to top</a></p>
            </div>
        </footer>
    </body>
</html>